<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="Seca.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Ernest 10.3 - 3D</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="seca/seca.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <div id="seca-MainContent">
		<div id="seca-Player" oncontextmenu="return false;"></div>
		<div id="seca-Dashboard"></div>

    	<h2>Controls</h2>
    	<ul>
    	<li> The 3D simulation should appear on the top of this page. If you don't see a 3D simulation, please follow the Google 
    	<a href="http://bodybrowser.googlelabs.com/">WebGL trouble shooting</a> procedure.</li>
		<li>Arrows : move the cursor horizontally.</li>
		<li>CTRL + arrows : translate the camera.</li>
		<li>ALT + arrows : rotate the camera.</li>
		<li>ALT + Page-Up/Page-Down : zoom in/out.</li>
		<li>TAB : toggle first-person camera.</li>
		<li>Insert: W: Wall; Y: Yellow; G: Green; F: Food; E: Another Ernest; SPACE: Empty.</li>
		</ul>
    	<h2>Notes</h2>
    	<p>The tabs <i>Ernest n</i> show how Ernest n sees his world: 12 pixel vision, 3x3 tactile matrix, taste fish.
    	The <i>spatial construct</i> represents Ernest's representation of his surrounding environment. 
    	We are still investigating how Ernest can represent space and discover spatial regularities. 
    	See the <a href="http://e-ernest.blogspot.com/2011/05/ernest-103.html"> Ernest 10.3</a> post in the blog for more information.</p>
    	
    	<p>You can interact with Ernest by inserting or removing objects in the scene. 
    	You can even insert other Ernests. 
    	So far, however, Ernests have no particular interest into each other.</p> 
	</div>
  </body>
</html>
